<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>scrolltop</title>
	<style>
		div{
			height: 100px;
			width: 100px;
			overflow:auto;
			border: 1px solid red;
		}
	</style>
	<script type="text/javascript" src="./lib/jquery.min.js"></script>
</head>
<body>
	<div class="st"><br><br><br><br><br><br><br><br><br><br>
		<br>
		<br>
		<br>
		<br>
		测试scrolltop测试scrolltop测试scrolltop测试scrolltop测试scrolltop测试scrolltop测试scrolltop测试scrolltop测试scrolltopscrolltopscrolltopscrolltopscrolltopscrolltopscrolltopscrolltop
	</div>
	<script>
		var st = $('.st')[0];
		$(st).click(function(){
			$(this).scrollTop(200);
			console.log('scrollTop:'+$(this).scrollTop());
			$(this).scrollLeft(100);
			console.log('scrollLeft:'+$(this).scrollLeft());
		});
		console.log($(st).scrollTop());
	</script>
</body>
</html>